<template>
	<view>
		<map name="map" class="map"></map>
		<view class="card">
			<view class="flex-between px-40 py-30 car bg-ligter">
				<u-avatar src="" size="40"></u-avatar>
				<view class="flex-1 ml-30">
					<view class="size-36 text-bold mt-4">比亚迪宋</view>
					<view class="size-30 gray-6 mt-10">灶师傅</view>
				</view>
			</view>
			<view class="p-30">
				<view class="size-36 text-med my-20">出发时间：2024-10-10 10:30</view>
				<view class="flex size-30 mt-10">
					<view class="badge badge-1">起</view>
					<view class="ml-20">河南省郑州市金水区六合小区</view>
				</view>
				<view class="flex size-30 mt-10 mb-30">
					<view class="badge badge-2">终</view>
					<view class="ml-20">河南省周口市西华县</view>
				</view>
				<view class="n-btn-primary" @click="$tools.to('/pages/placeOrder/placeOrder')">邀请车主接单</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.map {
	width: 100%;
	height: 500upx;
}
.card {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-top-left-radius: 30upx;
	border-top-right-radius: 30upx;
	overflow: hidden;
}
</style>
